<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="framework/icons/tdesign.css" rel="stylesheet">
    <link href="css/wrapper.css" rel="stylesheet">
    <script src="js/fixTop.js"></script>

    <link href="css/userInfo.css" rel="stylesheet">
    <script src="js/Pop.js"></script>
    <title>用户中心</title>
</head>
<body>
    <div class="wrapper">
        <div class="main">
            <div class="userInfoPart">
                <div class="userInfo-top-container">
                    <div class="userInfo-top-fix" id="fixedBox">
                        <div class="userInfo-top">
                            <div class="i tdesign:chevron-left" onclick="location.href='shop.html'"></div>
                            <img src="img/user_head.jpg">
                            <div class="userInfo-top-right">
                                <p>User</p>
                                <div>查看个人资料</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="userInfo">
                    <div onclick="location.href='library.html'">
                        <p>10</p>
                        <p>游戏</p>
                    </div>
                    <div>
                        <p>11</p>
                        <p>好友</p>
                    </div>
                    <div>
                        <p>&#165;0.00</p>
                        <p>钱包</p>
                    </div>
                </div>

                <div class="add-friend">
                    <div class="i tdesign:user-add"></div>
                    <p>添加好友</p>
                </div>

                <div class="my-content">
                    <p>我的内容</p>
                    <ul>
                        <li>好友动态</li>
                        <li>好友</li>
                        <li>组</li>
                        <li>截图/视频</li>
                        <li>徽章</li>
                        <li>库存</li>
                    </ul>
                </div>

                <div class="option">
                    <div>
                        <p>账户明细</p>
                        <p>商店、安全、家庭</p>
                    </div>
                    <div class="i tdesign:chevron-right"></div>
                </div>

                <div class="option"  onclick="showPopup1()">
                    <div>
                        <p>更改账户</p>
                        <p>233333</p>
                    </div>
                    <div class="i tdesign:chevron-right"></div>
                </div>
                <div class="popmenu1">
                    <div class="popup">
                        <div class="i tdesign:chevron-down-double-s" onclick="hidePopup1()"></div> <!--关闭弹窗-->
                        <div class="popup_btn">
                            <button class="cur-account" onclick="hidePopup1()" style="border-top: none">
                                <img src="img/user_head.jpg">
                                <div class="info">
                                    <p>User</p>
                                    <p>已登录</p>
                                </div>
                            </button>
                            <button class="add-account">
                                <div class="i tdesign:add"></div>
                                <span>用新账户登录</span>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="option" style="height: 15vw; border-bottom: none">
                    <div>
                        <p>退出</p>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>